<template>
<div>
  <div class="im-chat-footer">
<!--    <el-form>
      <el-form-item>
        <editor :min-height="192"/>
      </el-form-item>
    </el-form>-->
    <div class="im-chat-tool">
      <el-button
        class="history-message-btn"
        size="small"
        @click="history()"
      >聊天记录
      </el-button>
    </div>
    <textarea
      v-model="messageContent"
      class="textarea"
      @keyup.enter="mineSend()"
    ></textarea>
    <div class="im-chat-send">
      <el-button type="primary">发送
      </el-button>
    </div>
  </div>
</div>
</template>

<script>
export default {
  name: "ChatMessage"
}
</script>

<style scoped>

textarea {
  padding: 0.5rem;
  width: 100%;
  resize: none;
  height: 10vh;
  border: 0;
  background-color:  #f8f8f8;
}
.history-message-btn {
  float: right;
}
.im-chat-send {
  height: 4rem;
  text-align: right;
  padding: 0 1rem 1rem 0;
}
</style>
